<template>
  <div>
    <p>这是计算属性的结果:{{ num }}</p>
    <p>这是计算属性的结果:{{ num }}</p>
    <p>这是计算属性的结果:{{ num }}</p>
    <p>这是函数调用的结果:{{ getNum() }}</p>
    <p>这是函数调用的结果:{{ getNum() }}</p>
    <p>这是函数调用的结果:{{ getNum() }}</p>
  </div>
</template>

<script>
export default {
  data(){
      return{
          a:10,
          b:20
      }
  },
  methods:{
      getNum(){
          console.log('函数执行了');
          return this.a+this.b
      }
  },
  computed:{
      num(){
          console.log('计算属性执行了');
          return this.a+this.b
      }
  }
};
</script>

<style lang="scss" scoped>
</style>